JavaScript Source Code 2002: Scrolls: Layer Scroller

Home

Layer Scroller

Provides controls to scroll the layer at varying speeds. Can be used with your own graphics and layout to creatively present your content.

JavaScript Source Code 2002: Scrolls: Layer Scroller
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript">   <! > <! >  </script> </head> <body> <div id="contentLayer" style="position:absolute; width:300px; z-index:1; left: 39px; top: 51px"> insert your text here !! </div> <div id="scrollmenu" style="position:absolute;width:200px;height:30px;z-index:1; left:400px; top: 40px"> <table border=1><tr><td> <table> <tr> <td align=left>Up</td> <td> </td> <td align=right>Down</td> </tr> <tr> <td colspan=3> <a href="#" onMouseOver="verScroll('up','25','true')" onMouseOut="stopScroll()"><<<</a> <a href="#" onMouseOver="verScroll('up','5','true')" onMouseOut="stopScroll()"><<</a> <a href="#" onMouseOver="verScroll('up','1','true')" onMouseOut="stopScroll()"><</a> | <a href="#" onMouseOver="verScroll('dn','1','true')" onMouseOut="stopScroll()">></a> <a href="#" onMouseOver="verScroll('dn','5','true')" onMouseOut="stopScroll()">>></a> <a href="#" onMouseOver="verScroll('dn','25','true')" onMouseOut="stopScroll()">>>></a> </td> </tr> </table> </td></tr></table> </div> </body> </html>  <BODY> <center> <form name="scrollwindow"> <input type=button value="Open Scroll Window" onClick="window.open('popup.html','scrollwindow','top=100,left=100,width=575,height=400');"> </form> </center> <p><center> <font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">JavaScript Source Code 2002</a></font> </center><p>